import styled from 'styled-components';

export const VoiceRangeWrapper = styled.div`
  visibility: hidden;
  position: fixed;
  bottom: 47px;
  right: 485px;
  clear: both;
  width: 32px;
  height: 113px;
  z-index: 1000;
  .v-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 32px;
    height: 113px;
    background-position: 0 -503px;
  }
  .range {
    position: absolute;
    left: 0px;
    width: 32px;
    height: 93px;
    padding: 4px 0;
    top: 7px;
    .item {
      position: absolute;
      top: auto;
      bottom: 4px;
      left: 14px;
      height: 93px;
      width: 4px;
      background-position: -40px bottom;
      overflow: hidden;
    }
    .btn {
      position: absolute;
      top: 0px;
      left: 7px;
      display: block;
      width: 18px;
      height: 20px;
      background-position: -40px -250px;
      cursor: pointer;
      &:hover {
        background-position: -40px -280px;
      }
    }
  }
`;
